<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>

    <title>手猫商城</title>
    <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="{{ URL::asset('css/admin/pintuer.css') }}">
    <link rel="stylesheet" href="{{ URL::asset('css/admin/login.css') }}">
    <script src="{{ URL::asset('js/admin/jquery.js') }}"></script>
    <script src="{{ URL::asset('js/admin/pintuer.js') }}"></script>
    <script src="{{ URL::asset('js/admin/layer/layer.js') }}"></script>
    <script src="{{ URL::asset('js/admin/jquery.cookie.js') }}"></script>
    <script src="{{ URL::asset('js/Compatible_fonts.js') }}"></script>
    <style>
        /* .bg{
            background:url(/img/login_bg.jpg);
            background-size: 100% 100%;
        } */
		.container {
			height: 100%;
		}
		body {
			background: url('http://qiniu.baoliy168.com/0c6dc18995b8ec196110b6517222b34.png') center center / auto 100%;
		}
		input.bg-main {
			background-color: #36d278;
			border: 0;

		}
		input.bg-main:hover {
			background-color: #28af61 !important;
		}
		#app {
			margin-top: 20%;
		}
	/* 	.container {
			position: relative;
		} */
		.right-info {
			position: absolute;
			right: 15px;
			bottom: 5px;
			color: #666;
			font-size: 13px;
			letter-spacing: 1px;
			line-height: 2;
			font-weight: 500;
		}
        .colorBaner {
            color: #fff;
        }
		input::placeholder{
		color:rgb(198,151,65);
		opacity: 1 !important;

		}
		@media (max-width: 67px) {
			body {
				background: url('http://qiniu.baoliy168.com/0c6dc18995b8ec196110b6517222b34.png');
				background-size: 100% 100%;
			}
		}
    </style>
</head>
{{--
style="background: url('/img/login_bg.jpg');background-size:100%"
--}}
<body>
<!-- <div class="bg"></div> -->
<div class="container">
    <div class="line bouncein" id="app">
        <div class="xs6 xm4 xs3-move xm4-move">
            <!-- <div style="height:150px;"></div> -->
     <!--       <div class="media media-y margin-big-bottom">
            </div> -->
            <form action="/home/login/login" method="post" style="margin-top: 25px;">
                {{ csrf_field() }}
                <div class="panel loginbox">
                    <!-- <div class="text-center margin-big padding-big-top"><h1 style="color:white">脉脉爱商城登录</h1></div> -->
                    <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:60%; ">
                        <div class="form-group">
                            <div class="field field-icon-right">
                            <input type="text" class="input input-big" name="name" style="background-color: white;border: none;color: black" id="username" placeholder="账号" data-validate="required:请填写账号"
                                       @if (session('name'))
                                       value="{{ session('name') }}"
                                       @endif
                                />
                                <span class="icon icon-user margin-small"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="field field-icon-right">
                            <input type="password" class="input input-big" name="password" style="background-color: white;border: none;color: black;" id="password" placeholder="密码" data-validate="required:请填写密码" />
                                <span class="icon icon-key margin-small"></span>
                            </div>
                        </div>
                        <!--<div class="form-group">-->
                        <!--    <div class="field">-->
                        <!--        <input type="text" class="input input-big" name="captcha" style="background-color: white;opacity: 0.4;border: none;color: black" placeholder="验证码" data-validate="required:请填写右侧的验证码" />--}}-->
                        <!--       <img src="{{url('captcha/1')}}" alt="" width="100" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">-->

                        <!--    </div>-->
                        <!--</div>-->
                        <input value="1" type="checkbox" name="remember" id="rember"> <span class="colorBaner" style="color: black;">记住密码</span>
{{--                        <input value="1" type="checkbox" name="remember"> <span style="color: #999999;">记住密码</span><a href="/home/login/authentication" style="color: #999999;float: right;">用户验证</a>--}}
                    </div>
                    <div style="padding:30px;padding-top: 10px;"><input type="submit" style="background-color: #5183a6;border: none;font-weight: 600;font-size: 29px;color: whitesmoke;" class="button button-block  text-big input-big" value="登录"></div>
                </div>
            </form>
        </div>
    </div>
	<!-- <div class="right-info colorBaner">@呛咚咚商城</div> -->
</div>

</body>
<script>
    var re =$.cookie('remember');
    console.log(re);
    $.get("{{url('home/login/remember')}}",{cookie:re},function (msg) {
        $('#username').val(msg.name)
        $('#password').val(msg.password)
    })

    $(function() {
        $(".passcode").trigger("click");
    });
    
    {{--$.ajax({--}}
        {{--type: "GET",--}}
        {{--url: "{{url('home/login/remember')}}",--}}
        {{--data: "cookie=",--}}
        {{--success: function(msg){--}}
            {{--console.log(msg);--}}
        {{--}--}}
    {{--});--}}
</script>
{{--<script src="{{ URL::asset('js/vue.min.js') }}"></script>--}}
{{--<script>--}}
{{--var app = new Vue({--}}
{{--el: "#app",--}}
{{--data: {--}}
{{--user:{--}}
{{----}}
{{--},--}}
{{--},--}}
{{--})--}}
{{--</script>--}}
@if (count($errors) > 0)
    @foreach ($errors->all() as $error)
        <script>
            layer.msg("{{$error}}");
        </script>
    @endforeach
@endif
</html>